<template>
    <div class="hello">
        <header>
            <div class="left">
                <img src="../images/主页/u128.png" alt="网站 Logo" />
                <span>双碳招投标网</span>
            </div>
            <div class="center">
                <ul>
                    <li>
                        <router-link to="/PlatformDynamics">平台动态</router-link>
                    </li>

                    <li><router-link to="/PoliciesAndRegulations">政策法规</router-link></li>
                    <li><router-link to="/Complt">违规投诉</router-link></li>
                </ul>
            </div>
            <div class="right">
                <img src="../images/主页/u122.png" alt="个人头像" />
                <span><router-link to="/EnterprIselnformation">企业信息</router-link></span>
            </div>
        </header>
    </div>
</template>

<script>
export default {
    name: 'Navbar',
    props: { 
    },
    components: {

    },
}
</script>

<style scoped>
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    background-color: #fff;
    margin-top: -50px;
    box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.25);
}

.left img {
    width: 50px;
    height: 50px;
}

.left span {
    font-size: 25px;
    float: right;
    margin-top: 10px;
    margin-left: 15px;
}

.center ul {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    padding: 0px;
}

.center li {
    margin: 0px 60px;
}

.right img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 15px;
}

.right span {
    float: right;
    margin-top: 5px;
}

.el-carousel__item {
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
    text-align: center;
}

.el-carousel__item img {
    width: 100%;
    height: auto;
}

footer {
    margin: 0;
    padding: 0;
    left: 80px;
    position: relative;
}



footer .zbyg {
    position: absolute;
    left: 10px;
    top: 10px;
    color: whitesmoke;
}
footer .zbgg1 {
    position: absolute;
    left: 51%;
    top: 10px; 
    color: whitesmoke
}
footer .zbgg2 {
    position: absolute; 
    left: 10px; 
    top: 305px; 
    color: whitesmoke;
}
footer .qycg {
    position: absolute; 
    left: 51%; 
    top: 305px; 
    color: whitesmoke;
}

footer .gd1 {
    position: absolute;
    left: 500px;
    top: 10px;
    color: #999;
}
footer .gd2 {
    position: absolute;
    right: 190px; 
    top: 10px; 
    color: #999;
}
footer .gd3 {
    position: absolute; 
    left: 500px; 
    top: 305px; 
    color: #999;
}
footer .gd4{
    position: absolute; 
    right: 190px; 
    top: 305px; 
    color: #999;
}

footer img {
    width: 50%;
    height: 40px;
}

</style>